<!DOCTYPE HTML>
<html lang="en" >
    <!-- Start book 我是一级标题<h1> -->
    <head>
        <!-- head:start -->
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <title>课堂笔记二 | 我是一级标题&lt;h1&gt;</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <meta name="description" content="">
        <meta name="generator" content="GitBook 2.6.9">
        <meta name="author" content="Melon">
        
        <meta name="HandheldFriendly" content="true"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../gitbook/images/apple-touch-icon-precomposed-152.png">
        <link rel="shortcut icon" href="../gitbook/images/favicon.ico" type="image/x-icon">
        
    <link rel="stylesheet" href="../gitbook/style.css">
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-toggle-chapters/toggle.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-image-captions/image-captions.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-highlight/website.css">
        
    
        
        <link rel="stylesheet" href="../gitbook/plugins/gitbook-plugin-fontsettings/website.css">
        
    
    

        
    
    
    <link rel="next" href="../md/Lesson3.html" />
    
    
    <link rel="prev" href="../md/Lesson1.html" />
    

        <!-- head:end -->
    </head>
    <body>
        <!-- body:start -->
        
    <div class="book"
        data-level="2"
        data-chapter-title="课堂笔记二"
        data-filepath="md/Lesson2.md"
        data-basepath=".."
        data-revision="Mon May 13 2019 12:25:47 GMT+0800 (中国标准时间)"
        data-innerlanguage="">
    

<div class="book-summary">
    <nav role="navigation">
        <ul class="summary">
            
            
            
            

            

            
    
        <li class="chapter " data-level="0" data-path="index.html">
            
                
                    <a href="../index.html">
                
                        <i class="fa fa-check"></i>
                        
                        Introduction
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="1" data-path="md/Lesson1.html">
            
                
                    <a href="../md/Lesson1.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>1.</b>
                        
                        课堂笔记一
                    </a>
            
            
        </li>
    
        <li class="chapter active" data-level="2" data-path="md/Lesson2.html">
            
                
                    <a href="../md/Lesson2.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>2.</b>
                        
                        课堂笔记二
                    </a>
            
            
        </li>
    
        <li class="chapter " data-level="3" data-path="md/Lesson3.html">
            
                
                    <a href="../md/Lesson3.html">
                
                        <i class="fa fa-check"></i>
                        
                            <b>3.</b>
                        
                        课堂笔记三
                    </a>
            
            
        </li>
    


            
            <li class="divider"></li>
            <li>
                <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
                    Published with GitBook
                </a>
            </li>
            
        </ul>
    </nav>
</div>

    <div class="book-body">
        <div class="body-inner">
            <div class="book-header" role="navigation">
    <!-- Actions Left -->
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="../" >我是一级标题&lt;h1&gt;</a>
    </h1>
</div>

            <div class="page-wrapper" tabindex="-1" role="main">
                <div class="page-inner">
                
                
                    <section class="normal" id="section-">
                    
                        <h1 id="&#x6DF1;&#x5165;&#x6D45;&#x51FA;&#x6807;&#x7B7E;">&#x6DF1;&#x5165;&#x6D45;&#x51FA;&#x6807;&#x7B7E;</h1>
<h2 id="&#x6807;&#x7B7E;&#x7684;&#x5206;&#x7C7B;">&#x6807;&#x7B7E;&#x7684;&#x5206;&#x7C7B;</h2>
<ul>
<li><p>&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x6807;&#x7B7E;</p>
<blockquote>
<p>&#x5F53;&#x5185;&#x5BB9;&#x4E0D;&#x8DB3;&#x6491;&#x6EE1;&#x4E00;&#x884C;&#x65F6;&#xFF0C;&#x4E5F;&#x80FD;&#x591F;&#x72EC;&#x5360;&#x4E00;&#x884C;&#xFF0C;&#x4E0D;&#x80FD;&#x548C;&#x5176;&#x4ED6;&#x5143;&#x7D20;&#x5171;&#x5B58;&#x5728;&#x5728;&#x4E00;&#x8D77;</p>
<p>&#x901A;&#x8FC7;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF0C;&#x5982;&#x679C;&#x5185;&#x5BB9;&#x4E0D;&#x8DB3;&#x4E00;&#x884C;&#x65F6;&#xFF0C;&#x5BBD;&#x5EA6;&#x80FD;&#x591F;&#x5927;&#x81F4;&#x7B49;&#x4E8E;&#x9875;&#x9762;&#x7684;&#x5BBD;&#x5EA6;&#xFF0C;&#x5E76;&#x4E14;&#x53EF;&#x4EE5;&#x770B;&#x5230;&#x56FA;&#x5B9A;&#x7684;&#x503C;</p>
</blockquote>
<ul>
<li><p><code>h1~h6</code>&#x6807;&#x9898;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>p</code></p>
</li>
</ul>
</li>
<li><p>&#x884C;&#x5185;&#x5143;&#x7D20;&#x6807;&#x7B7E;</p>
<blockquote>
<p>&#x5F53;&#x7236;&#x5BB9;&#x5668;&#x6709;&#x8DB3;&#x591F;&#x7684;&#x5BBD;&#x5EA6;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x80FD;&#x591F;&#x652F;&#x6301;&#x591A;&#x4E2A;&#x975E;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x6807;&#x7B7E;&#x5171;&#x5B58;&#x5728;&#x4E00;&#x884C;</p>
<p>&#x901A;&#x8FC7;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF0C;&#x56E0;&#x4E3A;&#x5185;&#x5BB9;&#x662F;&#x7531;&#x6587;&#x672C;&#x6491;&#x5927;&#x7684;&#xFF0C;&#x6CA1;&#x529E;&#x6CD5;&#x83B7;&#x53D6;&#x5B9E;&#x9645;&#x7684;&#x5BBD;&#x9AD8;&#xFF0C;&#x6240;&#x4EE5;&#x90FD;&#x4E3A;<strong>auto</strong></p>
</blockquote>
<ul>
<li><p><code>span</code>&#x6587;&#x672C;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>del</code>&#x5220;&#x9664;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>ins</code>&#x4E0B;&#x5212;&#x7EBF;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>sup</code>&#x4E0A;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>sub</code>&#x4E0B;&#x6807;&#x7B7E;</p>
</li>
<li><p><code>a</code>&#x94FE;&#x63A5;&#x6807;&#x7B7E;</p>
</li>
</ul>
</li>
<li><p>&#x884C;&#x5185;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x6807;&#x7B7E;</p>
<blockquote>
<p>&#x5F53;&#x7236;&#x5BB9;&#x5668;&#x6709;&#x8DB3;&#x591F;&#x7684;&#x5BBD;&#x5EA6;&#x60C5;&#x51B5;&#x4E0B;&#xFF0C;&#x80FD;&#x591F;&#x652F;&#x6301;&#x591A;&#x4E2A;&#x975E;&#x5757;&#x7EA7;&#x5143;&#x7D20;&#x6807;&#x7B7E;&#x5171;&#x5B58;&#x5728;&#x4E00;&#x884C;</p>
<p>&#x901A;&#x8FC7;&#x76D2;&#x5B50;&#x6A21;&#x578B;&#xFF0C;&#x80FD;&#x591F;&#x83B7;&#x53D6;&#x56FA;&#x5B9A;&#x7684;&#x5BBD;&#x548C;&#x9AD8;</p>
</blockquote>
<p>  *<code>img</code>&#x56FE;&#x7247;&#x6807;&#x7B7E;</p>
</li>
</ul>
<h2 id="form&#x8868;&#x5355;&#x5143;&#x7D20;">form&#x8868;&#x5355;&#x5143;&#x7D20;</h2>
<ul>
<li><p><code>action</code>&#x662F;&#x6307;&#x6570;&#x636E;&#x63D0;&#x4EA4;&#x7684;&#x5730;&#x5740;&#xFF0C;&#x5FC5;&#x987B;&#x7531;&#x540E;&#x53F0;&#x4EBA;&#x5458;&#x63D0;&#x4F9B;</p>
</li>
<li><p><code>method</code>&#x662F;&#x6570;&#x636E;&#x63D0;&#x4EA4;&#x7684;&#x65B9;&#x5F0F;</p>
<ul>
<li><p><code>GET</code>&#x65B9;&#x6CD5;&#xFF0C;&#x4F20;&#x8F93;&#x662F;&#x4E0D;&#x5B89;&#x5168;&#xFF0C;&#x4F20;&#x8F93;&#x91CF;&#x8F83;&#x5C0F;&#xFF0C;&#x9ED8;&#x8BA4;&#x503C;</p>
<p>*<code>POST</code>&#x65B9;&#x6CD5;&#xFF0C;&#x76F8;&#x5BF9;&#x5B89;&#x5168;&#xFF0C;&#x4F20;&#x8F93;&#x91CF;&#x8F83;&#x5927;&#xFF0C;</p>
</li>
</ul>
</li>
<li><p><code>Input</code>&#x6807;&#x7B7E;&#x7C7B;&#x578B;</p>
<ul>
<li><p><code>text</code>&#x7EAF;&#x6587;&#x672C;&#x7C7B;&#x578B;</p>
</li>
<li><p><code>password</code>&#x5BC6;&#x7801;&#x7C7B;&#x578B;</p>
</li>
<li><p><code>sumbit</code>&#x63D0;&#x4EA4;&#x7C7B;&#x578B;</p>
</li>
<li><p><code>number</code>&#x6570;&#x503C;&#x7C7B;&#x578B;&#xFF0C;&#x6CE8;&#x610F;<strong>&#x5B57;&#x6BCD;E</strong>&#x662F;&#x80FD;&#x591F;&#x8F93;&#x5165;</p>
<p>*<code>date</code>&#x662F;&#x65E5;&#x671F;&#x7C7B;&#x578B;</p>
<p><em><code>radio</code>&#x662F;&#x5355;&#x9009;&#x6846;&#x7C7B;&#x578B;&#xFF0C;<strong>name</strong>&#x5FC5;&#x987B;&#x4E00;&#x81F4;&#xFF0C;<em>*checked</em></em>&#x662F;&#x6307;&#x9ED8;&#x8BA4;&#x9009;&#x4E2D;&#xFF0C;&#x5355;&#x5C5E;&#x6027;&#x53EF;&#x4EE5;&#x7B80;&#x5199;</p>
<p><em><code>checkbox</code>&#x590D;&#x9009;&#x6846;&#xFF0C;<em>*name[]</em></em>&#x4EE5;&#x6570;&#x7EC4;&#x7684;&#x5F62;&#x5F0F;&#x4F20;&#x8F93;&#x7ED9;&#x540E;&#x53F0;</p>
<p><em><code>select</code>&#x4E0B;&#x62C9;&#x6846;&#xFF0C;<em>*selected</em></em>&#x662F;&#x6307;&#x9ED8;&#x8BA4;&#x9009;&#x4E2D;&#xFF0C;&#x5355;&#x5C5E;&#x6027;&#x53EF;&#x4EE5;&#x7B80;&#x5199;</p>
<p>*<code>file</code>&#x6587;&#x4EF6;&#x4E0A;&#x4F20;</p>
<blockquote>
<p>&#x8981;&#x5C06;<code>method</code>&#x6539;&#x4E3A;<strong>POST</strong></p>
<p>&#x5C06;<code>enctype</code>&#x4ECE;&#x9ED8;&#x8BA4;&#x503C;<code>appliation/x-www-form-urlencoded</code>&#x4E3A;<code>multipart/form-data</code></p>
<p><code>accept</code>&#x662F;&#x7528;&#x6765;&#x8FC7;&#x6EE4;&#x6587;&#x4EF6;&#x4E0A;&#x4F20;&#x7C7B;&#x578B;</p>
<p><code>multiple</code>&#x5141;&#x8BB8;&#x7528;&#x6237;&#x4E00;&#x6B21;&#x4E0A;&#x4F20;&#x591A;&#x6587;&#x4EF6;</p>
</blockquote>
</li>
</ul>
</li>
</ul>
<ul>
<li><p><code>Input</code>&#x6807;&#x7B7E;&#x5C5E;&#x6027;</p>
<ul>
<li><p><code>name</code>&#x662F;&#x540E;&#x53F0;&#x4EBA;&#x5458;&#x62FF;&#x53D6;&#x7528;&#x6237;&#x8F93;&#x5165;&#x4FE1;&#x606F;&#x7684;&#x51ED;&#x8BC1;&#xFF0C;&#x5728;&#x540C;&#x4E00;&#x4E2A;&#x8868;&#x5355;&#x91CC;&#x9762;&#x5FC5;&#x987B;&#x662F;&#x552F;&#x4E00;&#x7684;</p>
</li>
<li><p><code>value</code>&#x5728;&#x8F93;&#x5165;&#x6846;&#x65F6;&#x662F;&#x6307;&#x9ED8;&#x8BA4;&#x503C;&#xFF0C;&#x5728;&#x6309;&#x94AE;&#x65F6;&#x662F;&#x6307;&#x6309;&#x94AE;&#x7684;&#x6587;&#x672C;&#x5185;&#x5BB9;</p>
</li>
<li><p><code>placeholder</code>&#x662F;&#x5360;&#x4F4D;&#x7B26;&#xFF08;&#x63D0;&#x793A;&#x8BED;&#xFF09;</p>
</li>
</ul>
</li>
</ul>
<h2 id="textarea&#x5BCC;&#x6587;&#x672C;&#x57DF;">textarea&#x5BCC;&#x6587;&#x672C;&#x57DF;</h2>
<ul>
<li><p>&#x7528;&#x6837;&#x5F0F;&#x53BB;&#x8BBE;&#x7F6E;&#x5BBD;&#x548C;&#x9AD8;&#x65F6;&#xFF0C;&#x4E0D;&#x8981;&#x7528;rows&#x548C;cols</p>
</li>
<li><p>&#x7528;<code>resize: none</code>&#x53D6;&#x6D88;&#x62D6;&#x62FD;&#x529F;&#x80FD;</p>
</li>
</ul>
<h2 id="&#x9690;&#x85CF;&#x57DF;&#x7684;&#x6BD4;&#x8F83;">&#x9690;&#x85CF;&#x57DF;&#x7684;&#x6BD4;&#x8F83;</h2>
<ul>
<li><p><code>type=hidden</code>&#x9875;&#x9762;&#x770B;&#x4E0D;&#x89C1;&#xFF0C;&#x4F46;&#x662F;&#x80FD;&#x63D0;&#x4EA4;&#x7ED9;&#x540E;&#x53F0;</p>
</li>
<li><p><code>readonly</code>&#x5916;&#x89C2;&#x6CA1;&#x6709;&#x6539;&#x53D8;&#xFF0C;&#x4F46;&#x662F;&#x4E0D;&#x80FD;&#x4FEE;&#x6539;&#x4FE1;&#x606F;&#xFF0C;&#x4E5F;&#x80FD;&#x63D0;&#x4EA4;&#x7ED9;&#x540E;&#x53F0;</p>
</li>
<li><p><code>disable</code>&#x5916;&#x89C2;&#x6709;&#x53D8;&#x5316;&#xFF0C;&#x4E0D;&#x80FD;&#x4FEE;&#x6539;&#x4FE1;&#x606F;&#xFF0C;&#x4E5F;&#x4E0D;&#x80FD;&#x63D0;&#x4EA4;&#x7ED9;&#x540E;&#x53F0;</p>
</li>
</ul>
<h2 id="&#x6309;&#x94AE;&#x7684;&#x5BC6;&#x7801;">&#x6309;&#x94AE;&#x7684;&#x5BC6;&#x7801;</h2>
<ul>
<li><p><code>tyge=image</code>&#x901A;&#x8FC7;src&#x5F15;&#x5165;&#x56FE;&#x7247;&#xFF0C;&#x63D0;&#x4EA4;&#x65F6;&#x6709;X&#x548C;Y&#x8BB0;&#x5F55;&#x63D0;&#x4EA4;&#x65F6;&#x7684;&#x5750;&#x6807;</p>
</li>
<li><p><code>type=button</code>&#x5929;&#x751F;&#x6CA1;&#x6709;&#x4EFB;&#x4F55;&#x529F;&#x80FD;&#xFF0C;&#x662F;&#x4E00;&#x4E2A;&#x5047;&#x6309;&#x94AE;</p>
</li>
<li><p><code>type=reset</code>&#x7528;&#x6765;&#x91CD;&#x7F6E;form&#x5143;&#x7D20;&#x7684;&#x5185;&#x5BB9;</p>
</li>
</ul>
<p>text password tel email number date color </p>
<p>range(min max step) </p>
<p>radio(name,checked) </p>
<p>checkbox(name[],checked)</p>
<p>label(for-id)</p>
<p>select(option)</p>
<p>search(list-&gt;datalist)</p>

                    
                    </section>
                
                
                </div>
            </div>
        </div>

        
        <a href="../md/Lesson1.html" class="navigation navigation-prev " aria-label="Previous page: 课堂笔记一"><i class="fa fa-angle-left"></i></a>
        
        
        <a href="../md/Lesson3.html" class="navigation navigation-next " aria-label="Next page: 课堂笔记三"><i class="fa fa-angle-right"></i></a>
        
    </div>
</div>

        
<script src="../gitbook/app.js"></script>

    
    <script src="../gitbook/plugins/gitbook-plugin-toggle-chapters/toggle.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-fontsettings/buttons.js"></script>
    

    
    <script src="../gitbook/plugins/gitbook-plugin-livereload/plugin.js"></script>
    

<script>
require(["gitbook"], function(gitbook) {
    var config = {"image-captions":{"attributes":{"style":"left: 50%;position: relative;transform: translateX(-50%);"},"caption":"图 _PAGE_LEVEL_._PAGE_IMAGE_NUMBER_ - _CAPTION_","align":"center","variable_name":"_pictures"},"fontsettings":{"theme":"night","family":"sans","size":2},"toggle-chapters":{},"highlight":{},"livereload":{}};
    gitbook.start(config);
});
</script>

        <!-- body:end -->
    </body>
    <!-- End of book 我是一级标题<h1> -->
</html>
